<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <style>
    body {
      background-color: #BDBDBD;
    }

    .box {
      display: flex;
      flex-wrap: wrap;
    }

    .num {
      width: 45px;
      height: 80px;
      background-size: cover
    }

    .item {
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background-size: cover
    }

    .message {
      font-size: 14px;
      display: flex;
      justify-content: space-between;
    }

    .content {
      border: none;
      box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
      padding: 4px;
      margin: 4px;
    }

    .landmines {
      display: flex;
      justify-content: center;
    }

    .head {
      border: 5px solid #808080;
      border-left-color: #fff;
      border-top-color: #fff;
    }

    table {
      border-collapse: collapse;
      width: 100%;
    }

    th,
    td,
    th {
      border: 2px solid #808080;
      border-left-color: #fff;
      border-top-color: #fff;
      text-align: left;
      padding: 8px;
      margin: 2px;
    }

    th {
      text-align: center
    }

    p {
      text-align: center;
      margin-top: 5px;
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="box1" style="text-align: center;">
      <div class="box content" id="help">

        <table>
          <tbody>
            <tr>
              <th>指令</th>
              <th>说明</th>
              <th>注意</th>
              <th>示例指令</th>
            </tr>
            <tr>
              <td>#扫雷<br></td>
              <td>开始游戏</td>
              <td></td>
              <td>#扫雷</td>
            </tr>
            <tr>
              <td>#结束扫雷</td>
              <td>结束游戏</td>
              <td></td>
              <td>#结束扫雷</td>
            </tr>
            <tr>
              <td>#扫雷难度</td>
              <td>使用指定难度开始游戏</td>
              <td>数量多的时候字就小</td>
              <td>#扫雷难度(简单|普通|困难)</td>
            </tr>
            <tr>
              <td>#翻开</td>
              <td>翻开指定的位置</td>
              <td>可以一次输入多个坐标，不区分大小写</td>
              <td>#翻开a1a8h0h9</td>
            </tr>
            <tr>
              <td>#标记</td>
              <td>标记指定的位置</td>
              <td>同上</td>
              <td>#标记a1a8h0h9</td>
            </tr>
            <tr>
              <td>#取消标记</td>
              <td>取消标记指定的位置</td>
              <td>同上</td>
              <td>#取消标记a1a8h0h9</td>
            </tr>
            <tr>
              <td>扫雷设置指令前缀</td>
              <td>设置前缀避免指令冲突</td>
              <td>设置了之后，原本的指令依旧有效</td>
              <td>扫雷设置指令前缀#</td>
            </tr>
            <tr>
              <td>#扫雷设置地雷数量</td>
              <td>设置当前难度的地雷数量</td>
              <td></td>
              <td>#扫雷设置地雷数量50</td>
            </tr>
            <tr>
              <td>#扫雷设置布局</td>
              <td>自定义宽高格子数量和雷数量</td>
              <td>大小不建议超过26，分为三个参数：宽 高 雷；使用空格隔开即可，不设置雷则回到默认值：10</td>
              <td>#扫雷设置布局15 15 20</td>
            </tr>
            <tr>
              <td>#扫雷帮助</td>
              <td>自定义宽高格子数量和雷数量</td>
              <td>大小不建议超过26，分为三个参数：宽 高 雷；使用空格隔开即可，不设置雷则回到默认值：10</td>
              <td>#扫雷扫雷帮助</td>
            </tr>
          </tbody>
          <colgroup>
            <col style="width: 25%;">
            <col style="width: 25%;">
            <col style="width: 25%;">
            <col style="width: 25%;">
          </colgroup>
        </table>
      </div>
    </div>
  </div>
  <p>Created by Yunzai-Bot & xianyu-plugin</p>

</body>

</html>